/*minixs*/
*, *:before, *:after {
  box-sizing: border-box;
}

.g-mb--10 {
  margin-bottom: .10rem;
}

.g-mb--20 {
  margin-bottom: .20rem;
}

.g-mb--30 {
  margin-bottom: .30rem;
}

.g-mb--40 {
  margin-bottom: .40rem;
}

.l-container {
  padding: .20rem;
}

.m-page_header {
  background-color: #F5F7F6;
  text-align: center;
  position: relative;
  height: .90rem;
  vertical-align: top;
}

.p-btn-share {
  display: block;
  position: absolute;
  padding: 0 .20rem;
  height: .90rem;
  line-height: .90rem;
  right: 0;
  top: 50%;
  margin-top: -.45rem;
  color: #489EFD;
  .iconfont {
    display: inline-block;
    font-size: .50rem;
    vertical-align: top;
  }
  &:active {
    background-color: rgba(0, 0, 0, .05);
  }
}

.m-header_title {
  //display:inline-block;
  color: #000;
  font-size: .40rem;
  font-weight: 400;
  line-height: .90rem;
}

.p-contrast_header {
  flex-grow: 5;
  position: relative;
  align-items: stretch;
}

.p-contrast_content {
  flex-grow: 14;
  align-items: stretch;
  img {
    width: 100%;
    display: inline-block;
    //vertical-align: top;
  }
  text-align: center;
  .p-content_inner {
    margin-left: 0.05rem;
    height: 100%;
  }
}

.m-group_title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: .28rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  padding: 0 .10rem;
  width: 100%;

}

.p-contrast-company {
  min-height: 1.2rem;
}

.p-contrast-group--side.p-contrast-ship {
  $ship_ht: .80rem;
  min-height: $ship_ht;
  .m-group_title {
    font-size: .22rem;
  }
  .p-content_inner {
    background-color: #EFF9FF;
    color: #3B3E3F;
    line-height: $ship_ht;
    p{
      line-height: $ship_ht;
      font-weight:600;
    }
  }
}

.p-contrast-group--main {
  .p-contrast_header {
    background-color: #0079FE;
  }
  .p-content_inner{
    font-size: .24rem;
    line-height: .6rem;
    color:#fff;
    background-color:#ABD3FF;
  }
}

.p-contrast-group--side {
  .p-contrast_header {
    background-color: #ABD3FF;
  }
  .m-group_title {
    padding: 0 .1rem;
  }
  .p-contrast_content {
    font-size: .24rem;
    font-weight: 600;
  }
  .p-content_inner {
    background-color: #ABD3FF;
    font-weight:400;
    color: #ffffff;
    p{
      line-height: .6rem;
    }
  }
}

.p-contrast-group--base {
  margin-bottom: .02rem;
  $base_ht: .6rem;
  min-height: $base_ht;
  .p-contrast_header {
    background-color: #EFF9FF;
  }
  .m-group_title {
    color: #000;
    padding: 0;
    font-size: .22rem;
  }
  .p-contrast_content {
    color: #8A8C8E;
    font-size: .22rem;
  }
  .p-content_inner {
    position: relative;
    line-height: $base_ht;
    background-color: #EFF9FF;
    padding: {
      left: .30rem;
      right: .30rem;
    }
  }
}

.p-contrast-better {
  display: block;
  color: #E82343;
  position: absolute;
  height: .5rem;
  line-height: .50rem;
  right: .1rem;
  top: 50%;
  transform: translateY(-50%);
  i {
    font-size: .24rem;
  }
}

.m-group-striped {
  .p-contrast-group--base {
    &:nth-child(2n+1) > .p-contrast_content > .p-content_inner {
      background-color: #EFF9FF;
    }
    &:nth-child(2n) > .p-contrast_content > .p-content_inner {
      background-color: #FFFFFF;
    }
  }
}
.p-content_img{
  background-color:#fff;
  display: block;
  img {
    display: block;
  }
}
.p-company-logo {
  display: block;
  border: .02rem solid #EEF9FF;
  height: 100%;
  line-height: 1.2rem;
  background-color:#fff;
  img {
    display: inline-block;
  }
}
p{
  small{
    margin-left:.03rem;
  }
}
.p-striped-room{
  .p-contrast-group--base{
    &:first-child{
      .p-contrast_header{
        background-color:#0079FE;
      }
      .p-content_inner{
        color:#666666;
      }
    }
    .p-contrast_header{
      background-color:#ABD3FF;
    }
  }
  .m-group_title{
    color:#fff;
  }
  .p-content_inner{
    color:#FFBF00;
  }
}
.p-selected-icon{
  margin-left:.03rem;
  display: inline-block;
  .iconfont{
    font-size:.26rem;
  }

}
.p-content_inner{
  .p-text-group{
    &+.p-text-group{
      border-top:.02rem solid #fff;
    }
  }
}
.p-text_item{
  display:inline-block;
  vertical-align: middle;
  b,span{
    font-weight:400;
    display:block;
    line-height: 2;
  }
}
.p-contrast-group--condensed{
  &.p-contrast-group--base{
    .p-content_inner{
      padding:0 .01rem;
      font-size:.19rem;
      p{
        display:inline-block;
        line-height: 1.5;
        text-align: left;
        vertical-align: middle;
      }
    }
  }
  &.p-contrast-group--side{
    .p-content_inner{
      font-size:.19rem;
    }
  }
}
.p-trip-time{
  .p-content_inner{
    background-color:#EFF9FF;
  }
  .p-text-group{
    background-color:#ABD3FF;
  }
  .p-text-toggle{
    color:#8A8C8E;
    background-color:#EFF9FF;
  }
}
/*时间选择，下拉列表*/
.p-dropdown{
  position: relative;
}
.p-dropdown-inner{
  display:none;
  position: absolute;
  top:100%;
  left:0;
  width:100%;
  z-index:100;
  text-align: left;
}
.p-dropdown-menu{
  list-style: none;
  height:2.44rem;
  overflow-y: auto;
  li{
    border-bottom:1px solid #ddd;
  }
  a{
    color:#666666;
    display:block;
    padding-left:.45rem;
    background-color:#fff;
    &:active{
      background-color:#EFF9FF;
    }
  }
  .active{
    a{
      background-color:#EFF9FF;
    }
  }
}